[⚠️ design]
Using position: absolute for .dialogLoadingSpinnerContainer may cause layout issues if the parent container's dimensions or position change. Consider using a more flexible layout strategy if the spinner's position is not fixed relative to the viewport or other elements.

[⚠️ correctness]
The handleClose function depends on isLoading, but props.setOpen is also used inside it. Consider adding props.setOpen to the dependency array to ensure the function is updated correctly if props.setOpen changes.

[💡 maintainability]
The nextHandle is trimmed before being passed to changeUserHandle, but the form validation schema should ensure that the handle is already in the correct format. Consider validating and trimming the handle in the schema to ensure consistency and avoid redundant operations.

[⚠️ design]
Directly mutating props.userInfo.handle could lead to unexpected behavior if userInfo is used elsewhere. Consider using a state update or a callback to update the handle in a more controlled manner.

[⚠️ maintainability]
Consider using a switch statement instead of multiple else if conditions for better readability and maintainability. This will make it easier to add or modify options in the future.

[⚠️ correctness]
Consider validating newHandle before trimming and sending it in the payload. This could prevent sending invalid data to the API and improve error handling.

[❗❗ security]
Ensure that handle is validated before being used in the URL. This prevents potential issues with malformed URLs or unintended API calls.

[⚠️ correctness]
Consider adding a .min(3, 'Handle must be at least 3 characters long.') constraint to ensure the handle is not too short, which could help prevent potential issues with handle uniqueness or readability.